@charset 'UTF-8';
@import url('https://unpkg.com/element-ui@2.2.1/lib/theme-chalk/index.css');
* {
    margin: 0;
    padding: 0;
}

ul,
ol,
li {
    list-style: none;
}

button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    outline: none;
}

// font-lib
@font-face {
    font-family: "iconfont";
    src: url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-quxiao:before {
    content: "\e642";
}

.icon-guanbi:before {
    content: "\e6b7";
}

.icon-jiantouzuo:before {
    content: "\e6bd";
}

.icon-jiantouleft:before {
    content: "\e935";
}

.icon-aileft:before {
    content: "\e6ca";
}

.icon-jiantouyou:before {
    content: "\e61a";
}

.icon-airight:before {
    content: "\e936";
}

.icon-houtuileft:before {
    content: "\e937";
}

.icon-jiantouright:before {
    content: "\e938";
}

.icon-houtuiright:before {
    content: "\e939";
}


/* v-header 组件 */

.header {
    $height: 80px;
    &_wrap {
        height: $height;
        line-height: $height;
        display: flex;
        justify-content: space-between;
        background: #161515;
        position: relative;
        &>div {
            flex: 1;
        }
        .btnFour,
        .btnThree {
            text-align: center;
            .header_button {
                width: 80%;
                line-height: 40px;
                font-size: 14px;
                color: #fff;
                background: #2711f0;
                border: 0;
                margin: 0 auto;
                border-radius: 8px;
                display: inline-block;
                cursor: pointer;
            }
        }
    }
    &_title {
        color: #fff;
        text-align: center;
        font-size: 24px;
    }
    &_prev,
    &_next {
        color: #fff;
        box-sizing: border-box;
        div.iconfont {
            font-size: 40px;
            display: inline;
            cursor: pointer;
        }
    }
    &_prev {
        div.iconfont {
            padding-left: 20px;
        }
    }
    &_next {
        text-align: right;
        div.iconfont {
            padding-right: 20px;
        }
    }
}


/* 设置框 */

.selector {
    &_wrap {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99;
        input {
            outline: none;
        }
    }
    &_tit {
        background: #161515;
        color: #fff;
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        padding-left: 1em;
        text-align: center;
        .iconfont {
            float: right;
            margin-right: 1em;
            font-size: 20px;
        }
        &_left {
            float: left;
        }
    }
    &_cont {
        width: 500px;
        background: #fff;
        margin-left: -250px;
        position: absolute;
        left: 50%;
        top: 20%;
        z-index: 9; // border: 1px solid #ccc;
        line-height: 1;
    }
    &_inp {
        ul {
            display: flex;
            padding: 16px;
            justify-content: space-between;
            flex-wrap: wrap;
            $height: 34px;
            li {
                width: 50%;
                font-size: 0;
                margin-bottom: 8px;
                height: $height;
                line-height: $height;
                position: relative;
            }
            i {
                width: 12px;
                text-align: center;
                font-size: 12px;
                font-style: normal;
                display: inline-block;
            }
            .label_name {
                width: 50px;
                height: $height;
                font-size: 14px;
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                vertical-align: -14px;
            }
            .radio_wrap{
                width: 152px;
                height: 34px;
                display: inline-block;
                font-size: 14px;
                label{
                    height: 50px;
                    margin-right: 12px;
                }
                input{
                    margin-right: 8px;
                    vertical-align: middle;
                }
            }
            .inputText {
                width: 152px;
                outline: none;
                height: 30px;
                padding-left: 8px;
                border-width: 2px;
                font-size: 12px;
            }
        }
    }
    &_data_popper {
        left: 50%!important;
        margin-left: -324px;
        .popper__arrow {
            left: 50%!important;
            margin-left: -6px;
        }
    }
    &_range {
        padding-bottom: 16px;
        li {
            display: flex;
            justify-content: space-between;
            padding: 8px 16px;
            p {
                input {
                    width: 216px;
                    height: 30px;
                    padding-left: 8px;
                }
            }
            label {
                flex: 1;
                input {
                    cursor: pointer;
                }
            }
        }
        .date_picker_wrap {
            justify-content: center;
        }
    }
    &_btns {
        padding: 16px;
        text-align: right;
        div {
            width: 80px;
            height: 30px;
            line-height: 30px;
            display: inline-block;
            text-align: center;
            border: 1px solid #ccc;
            cursor: pointer;
        }
        div:first-child {
            background: #2711f0;
            border: 0;
            color: #fff;
        }
    }
    &_inputprice {
        &:after {
            content: attr(data-tip); // content: "请输入数字,小数点后最多两位";
            width: 100%;
            line-height: 22px;
            text-align: center;
            font-size: 12px;
            position: absolute;
            left: 0;
            top: 100%;
            display: none;
        }
    }
    &_inputprice_not {
        &:after{
            content: attr(data-tip);
            display: block;
            color: red;
        }
    }
}


/* week组件css */

.week {
    &_wrap {
        overflow: hidden;
        border: 1px solid #ccc;
        margin-bottom: -1px;
    }
    &_items {
        $height: 40px;
        width: 14.28%;
        height: $height;
        line-height: $height;
        text-align: center;
        font-size: 18px;
        float: left;
        border-right: 1px solid #ccc;
        margin-right: -1px;
        &:nth-of-type(7n) {
            border: 0;
        }
    }
}


/* date日期组件 */

.date {
    &_wrap {
        overflow: hidden;
        border: 1px solid #ccc;
    }
    &_cont {
        width: 14.28%;
        height: 100px;
        position: relative;
        float: left;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin-right: -1px;
        margin-bottom: -1px;
        &:nth-of-type(7n) {
            border-right: 0;
        }
        &_scroll {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            overflow-y: auto;
            cursor: pointer;
            &::-webkit-scrollbar {
                width: 0px;
                height: 0px;
            }
            &:after {
                content: "";
                height: 100%;
                vertical-align: middle;
                display: inline-block;
            }
            ul {
                display: inline-block;
                vertical-align: middle;
                font-size: 12px;
                padding: 8px;
            }
        }
        &_center {
            text-align: center;
        }
        .date_text {
            width: 20px;
            height: 20px;
            text-align: center;
            font-size: 12rpx;
            position: absolute;
            top: 1px;
            right: 0;
            background: #fff;
        }
        .icon-quxiao {
            color: red;
            font-size: 18px;
            z-index: 999;
        }
    }
}